<!--	Popup
*****************-->
<script language="javascript" type="text/javascript" src="{URL_JS}popup/prototype.js"></script>
<script language="javascript" type="text/javascript" src="{URL_JS}popup/effects.js"></script>
<script language="javascript" type="text/javascript" src="{URL_JS}popup/dragdrop.js"></script>
<link rel="stylesheet" type="text/css" href="{URL_JS}popup/style.css">
<script language="javascript" type="text/javascript" src="{URL_JS}popup/popup.js"></script>
<!--	End Popup
*****************-->

<link rel="stylesheet" type="text/css" href="{URL_JS}sortable/example.css"/>
{FILE {temp_product_js}}
<script type="text/javascript" src="{URL_JS}sortable/sortable.js"></script>
<script language='JavaScript' type="text/javascript">
var count_image = {count_current_image};
</script>
<script type="text/javascript" src="{URL_JS}product.js"></script>
<link rel="stylesheet" href="{URL_TEMPLATE_ADMIN}css/style_page_edit.css" type="text/css" />
<div class="maindiv" >
  <input type="hidden" name="product_id" value="{product_id}" id="product_id"/>
  <div class="HEADER_1" >{UPLOAD_IMAGE.HEADER_1}</div>
  <div style="height:7px; float:left; position:relative">&nbsp;</div>
  <table width="100%" border="1" cellspacing="0" cellpadding="0"  style="border:#B8B8B8 solid 1px" class="maintable">
    <thead>
      <tr>
        <td>画像1</td>
        <td>画像2</td>
        <td>画像3</td>
      </tr>
    </thead>
    <tbody>
    <tr><td style="text-align:left; width:100%" colspan="3">
    <div id="exist_current_image">
      <!-- BEGIN:LIST_IMAGE_PRODUCT -->
        <!-- BEGIN:IMAGE_PRODUCT --> 
        <span style="width:33.3%; float:left; text-align:center; border:#CCCCCC solid 1px;; border-right:solid 0.5px; height:240px;">
        <div class="button_delete_div" >
            <input name="delete1_btt_{IMAGE_PRODUCT.pictures_id}" type="button" value="{UPLOAD_IMAGE.Remove_Image} {IMAGE_PRODUCT.i}" class="button_delete" onClick=" javascript: remove_image_item_product('{IMAGE_PRODUCT.pictures_id}','product_id','{IMAGE_PRODUCT.pictures_file_name}'); "/>
          </div>
          <div>
          {IMAGE_PRODUCT.pictures} 
          </div>
          </span>
        <!-- END:IMAGE_PRODUCT -->
      <!-- END:LIST_IMAGE_PRODUCT -->
      </div>
      </td>
       </tr>
    </tbody>
  </table>
  <div style="height:10px; float:left; position:relative;">&nbsp;</div>
  <table width="100%" border="0" cellspacing="7" cellpadding="3" class="tableTab_Picture" >
    <tr>
      <td colspan="2" align="center" style="padding-top:7px;"><input name="back_to_main_page" type="button" value="{UPLOAD_IMAGE.Back_main_page}" class="button_delete" onClick="back_to_edit_page();"/></td>
    </tr>
    <tr>
      <td align="left"><div class="box_center">ボックス名：
          <select name="selbox" onChange="javascript:jumpBox()">
            <option value="{product_id}" selected="selected">{product_id}</option>
          </select>
        </div></td>
      <td align="right"><a href="#" onClick="javascript:enable_this_module('form_upload_image');" >
        <div class="box_center" style="width:150px;">=&gt;{UPLOAD_IMAGE.Upload_new_image}</div>
        </a></td>
    </tr>
    <tr>
      <td colspan="2" style="background:#DCDCDC"><form action="" name="search_image_frm" id="search_image_frm" >
      {UPLOAD_IMAGE.Title}
          <input name="pictures_title_txt" type="text" size="20" onKeyPress="javascript: check_enter_key(event, this, 'search_image_frm'); "/>
          {UPLOAD_IMAGE.File_Name}
          <input name="pictures_file_txt" type="text" size="20"  onkeypress="javascript: check_enter_key(event, this, 'search_image_frm'); " />
          {UPLOAD_IMAGE.Note}
          <input name="pictures_note_txt" type="text" size="20"  onkeypress="javascript: check_enter_key(event, this, 'search_image_frm'); "/>
          <input name="search_image" type="button" value="{UPLOAD_IMAGE.Filter}" onClick="javascript: executeSearchProductList('1', 'search_image_frm'); " />
        </form></td>
    </tr>
  </table>
  <div style="height:7px; float:left; position:relative">&nbsp;</div>
  <table class="sortable" id="anyid32312" cellpadding="0" cellspacing="0">
    <thead>
      <tr>
        <th class="unsortable">{UPLOAD_IMAGE.Images}</th>
        <th>{UPLOAD_IMAGE.Title}</th>
        <th>{UPLOAD_IMAGE.Comments}</th>
        <th>{UPLOAD_IMAGE.File_Name}</th>
        <th>{UPLOAD_IMAGE.Note}</th>
        <th>{UPLOAD_IMAGE.Updated}</th>
      </tr>
    </thead>
    <tbody id="PRODUCT_EXIST_MAIN">
      <!-- BEGIN:PRODUCT_EXIST -->
   	   <!-- BEGIN:LIST_PRODUCT_EXIST -->
      <tr>
        <td class="image">{LIST_PRODUCT_EXIST.pictures}</td>
        <td>{LIST_PRODUCT_EXIST.pictures_title}</td>
        <td>{LIST_PRODUCT_EXIST.pictures_comment}</td>
        <td>{LIST_PRODUCT_EXIST.pictures_file_name}</td>
        <td>{LIST_PRODUCT_EXIST.pictures_note}</td>
        <td>{LIST_PRODUCT_EXIST.pictures_date_uploaded}</td>
      </tr>
     	 <!-- END:LIST_PRODUCT_EXIST -->
      <!-- END:PRODUCT_EXIST -->
    </tbody>
  </table>
</div>
<div id="form_upload_image" style="display:none" class="div_hidden" >
  <form name="uploadImage_frm" id="uploadImage_frm" method="post" action="" enctype="multipart/form-data" >
    <input name="sAction" type="hidden" value="exe_upload_image" />
    <input name="product_id_upload" type="hidden" id="product_id_upload" value="{product_id}"/>
    <table border="1" cellspacing="4" cellpadding="0" class="upload_image_table">
      <tr>
        <td colspan="2" style="background:#DCDCDC">&nbsp;{UPLOAD_IMAGE.Upload_new_image}</td>
      </tr>
      <tr>
        <td class="td1">&nbsp;{UPLOAD_IMAGE.Select_File}</td>
        <td>&nbsp;
          <input type="file" name="pictures_file_name" id="pictures_file_name" onBlur="none_error('error_empty_file');"/>
          <span style="color:#FF0000;" id="error_empty_file"></span> </td>
      </tr>
      <tr>
        <td class="td1">&nbsp;{UPLOAD_IMAGE.Comments}</td>
        <td>&nbsp;
          <input name="pictures_comment" type="text" size="20" /></td>
      </tr>
      <tr>
        <td class="td1">&nbsp;{UPLOAD_IMAGE.Title}</td>
        <td>&nbsp;
          <input name="pictures_title" type="text" size="30" /></td>
      </tr>
      <tr>
        <td class="td1">&nbsp;{UPLOAD_IMAGE.Note}</td>
        <td>&nbsp;
          <input name="pictures_note" type="text" size="50" /></td>
      </tr>
    </table>
    <input name="cancel_upload" type="button" value="{FORM.cancel}"  title="{FORM.cancel}" onClick="javascript: popup	.close('form_upload_image');"/>
    <input name="Upload_ok" type="button" value="{FORM.save}" onClick="javascript: check_empty_image('uploadImage_frm');"/>
  </form>
</div>
<form action="?sMod=product_index" name="back_to_edit_page_frm" id="back_to_edit_page_frm" method="post" enctype="multipart/form-data" >
 <input name="id"  type="hidden" value="{product_id}" />
 <input name="sAction" type="hidden" value="edit_form" />
</form>
